// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";
@import "ionic.globals";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:    #32db64,
  danger:    #f53d3d,
  light:    #f4f4f4,
  hscs:    #63b4d2,
  dark:    #222
);

$toolbar-ios-button-color:#000;

// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

//toast
$toast-ios-background:rgba(0,0,0,.5);
$toast-md-background:rgba(0,0,0,.5);
$searchbar-ios-background-color:rgba(0, 0, 0, .1);
$searchbar-ios-border-color:rgba(0, 0, 0, 0);



.footer-ios .toolbar-ios:first-child .toolbar-background-ios{
  border:0;
}
.header-ios .toolbar-ios:last-child .toolbar-background-ios {
  border:0;
}
// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
//loading
$loading-ios-padding-top:12px;
$loading-ios-padding-left:17px;
$loading-ios-background:rgba(0,0,0,.7);
$loading-ios-text-color:#fff;
$loading-ios-spinner-color:#fff;

.loading-ios .loading-wrapper {
  padding: 12px 17px !important;
}

$refresher-icon-font-size: 16px;
$refresher-icon-color: #8391a5;
$refresher-text-color: #8391a5;
$refresher-text-font-size: 12px;

ion-refresher-content[state=refreshing] .refresher-refreshing,
ion-refresher-content[state=completing] .refresher-refreshing,
ion-refresher-content[state=pulling] .refresher-pulling,
ion-refresher-content[state=ready] .refresher-pulling {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
ion-refresher-content[state=refreshing] .refresher-refreshing .refresher-refreshing-text,
ion-refresher-content[state=completing] .refresher-refreshing .refresher-refreshing-text,
ion-refresher-content[state=pulling] .refresher-pulling .refresher-pulling-text,
ion-refresher-content[state=ready] .refresher-pulling .refresher-pulling-text {
  margin-left: 5px !important;
}



// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
